<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div>
        <button onclick="doAxiosAjaxGet()">axios.get(...)</button>
        <button onclick="doAxiosAjaxPost()">axios.post(...)</button>
    </div>
    <div class="result"></div>
    <script src="js/axios.min.js"></script>
    <script>

        function doAxiosAjaxPost(){
            //1.url
            let url="http://localhost/doPostJSON";
            //2.params
            let params={"msg":"hello axios"}
            //3.send ajax post request
            //axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
            axios.post(url,params)
                .then(function(result){//callback function
                    console.log(result);
                    document.querySelector(".result").innerHTML=JSON.stringify(result.data);//原生的js代码
                })
                .catch(function (error) {
                    console.log(error);
                });

        }

        function doAxiosAjaxGet(){
            //1.url
            let url="http://localhost/doAjax";
            //2.params
            let params={params: {"msg":"hello axios"}}
            //3.send ajax get request
            axios.get(url,params)
                .then(function(result){//callback function
                    console.log(result);
                    document.querySelector(".result").innerHTML=JSON.stringify(result.data);//原生的js代码
                })
                .catch(function (error) {
                    console.log(error);
                });
        }
    </script>
</body>
</html>